<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // 虽然变量名一样 但是 因为作用域的问题 
        // 它们并不是一个变量  
        // var num = 100;
        function test1(){
            // var num = 200;
            function test2(){
                // var num = 300;
                console.log(num);
            }
            test2();
        }

        test1();

        // 现在自己的作用域里边找变量 如果有用自己的 
        // 如果自己没有就去父级作用域查找 父亲有 停止查找 
        // 父亲没有问爷爷要 爷爷有 用爷爷给的 
        // 最高到全局作用域  window 
        // 如果window没有 那么久提示你 num is not defined 
    </script>
</body>
</html>